<template>
    <div class="panel"></div>
</template>
<script>
import '/public/down2/down.css'
import {DownloaderMgr} from '/public/down2/down'
import $ from 'jquery'
export default {
  name: 'down2',
  props: {
    config: Object,
    fields: Object
  },
  data () {
    return {
      com: null
    }
  },
  mounted () {
    var _this = this
    this.com = new DownloaderMgr({
      Config: _this.config,
      Fields: _this.fields, // 赋加字段（业务参数）
      event: {// 绑定事件
        loadComplete: function (d) {
          /** 控件加载完毕 */
          _this.$emit('load_complete', d)
        },
        folderSel: function (dir) {
          /** 选择下载位置 */
          _this.$emit('folder_sel', dir)
        },
        taskCreate: function (obj) {
          /** 添加下载任务 */
          _this.$emit('task_create', obj)
        },
        downProcess: function (obj) {
          /** 下载进度 */
          _this.$emit('down_process', obj)
        },
        downStoped: function (obj) {
          /** 下载进度 */
          _this.$emit('down_stoped', obj)
        },
        downComplete: function (obj) {
          /** 文件MD5计算完毕 */
          _this.$emit('down_complete', obj)
        },
        downError: function (obj, err) {
          /** 下载错误 */
          _this.$emit('down_error', obj, err)
        },
        queueComplete: function () {
          /** 当前队列下载完毕 */
          _this.$emit('queue_complete')
        }
      },
      ui: {
        render: $('.panel')// 加载到目标
      }
    })
  },
  methods: {
  }
}
</script>
